@import "./color";
@import "./mixins";
@import './normalize';
@import './animate';
html,body{width:100%;height:100%;}
body {font-size:.3rem;background-color: $bgColor;}
div,input{
  -webkit-tap-highlight-color : rgba (255, 255, 255, 0) ;
  // i.e . Nexus5/Chrome and Kindle Fire HD 7 ''
  -webkit-tap-highlight-color : transparent ;
}
input,textarea{-webkit-appearance: none;border:none;outline: none}
ul,li {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
img{-webkit-touch-callout: none;}
::-webkit-input-placeholder {
  color:#BBB;
}
#app {-webkit-font-smoothing: antialiased;}
/*弹性盒子*/
.box{display: flex;position:relative;}
.box-f1{flex: 1;}
.box-ac{align-items: center}
.box-jc{justify-content: center}
.box-ver{flex-direction: column}

.w-p100{width:100%;}
.h-p100{height:100%}
.opa-0{
  opacity: 0;
}
.hide{display: none !important;}
/*浮动+清除浮动*/
.fr{float: right} .fl{float: left}
.clear:after{content:'';display:block;clear: both}
/*文字超出显示省略号*/
.ell{overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
.tx-c{text-align: center;}
.tx-r{text-align: right;}
.tx-l{text-align: left;}
.of-y-s{overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.of-x-s{overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.of-y-h{overflow-y:hidden;}
.bor-none{border:none !important;}
.icon{ @include bg-size(contain); }
.bg-img1{ @include bg-size(100% 100%); }
.bor-none{
  border:none !important;
}
.bc-green{
  background-color:#5ac83c;
}
.bc-yellow{
  background-color:#f0a523;
}
.bc-gray{
  background-color:#ccc;
}
.bc-red{
  background-color:#f05050;
}
.card-linear1{
  background: -webkit-linear-gradient(left top, #3ea0fe , #22cdfe);
}
.tc-main{color:$themeColor;}
.tc-red{
  color:red;
}
.bc-fff{background-color: #FFF;}
.tc-000{
  color:#000;
}
.tc-333{
  color:#333;
}
.tc-666{
  color:#666;
}
.tc-777{
  color:#777;
}
.tc-888{
  color:#888;
}
.tc-999{
  color:#999;
}
.tc-red{
  color:#ff1111;
}
.tx-j{
  text-align: justify;
  &:after {
    content:'';
    width: 100%;
    display: inline-block;
    overflow: hidden;
    height: 0;
  }
}

.tips{
  font-size:.24rem;
  padding:.3rem;
  // line-height:.26rem;
  .icon-invoice-tips{
    width:.24rem;
    height:.24rem;
    margin-right:.1rem;
    @include bg-image('../images/icon-invoice-tips')
  }
}

.icon.icon-checkbox{
  width:.42rem;
  height:.42rem;
  @include bg-image('../images/icon-checkbox');
  &.act{
    @include bg-image('../images/icon-checkbox-act');
  }
}

.icon-arrow-two{
  width:.48rem;
  height:.48rem;
  @include bg-image('../images/icon-arrow-two');
}

.icon-arrow-right{
  width:.4rem;
  height:.4rem;
  @include bg-image('../images/icon-arrow-right');
}

.icon-edit{
  width:.36rem;
  height:.36rem;
  @include bg-image('../images/icon-edit');
}
#__vconsole{
  font-size:.24rem !important;
}
